body, html
	height 100%

body
	margin 0
	padding 0
	font-size 16px

a
	color red
	text-decoration none;
	&:visited
		text-decoration none;

.app-container
	height 100%

.navbar
	display flex
	flex-flow row
	justify-content space-around
	box-shadow 1px 1px 1px rgba(0, 0, 0, 0.05)
	padding-top 0.5em
	> a
		padding 0.5em 1em
		color #999
		display block
	.active
		color #333
		background-color rgba(0, 0, 0, 0.05)

.mobx-app-demo
	min-height 100%
	display flex
	flex-flow column
	justify-content stretch
	& > .navbar
		flex 0 0 auto
	& > .main-content
		flex 1 1 100%

.loading-wrap
	position fixed
	top 0
	left 0
	height 100%
	width 100%
	background-color rgba(0,0,0,0.8)
	opacity 0
	visibility hidden
	transition all 300ms
	&.show
		visibility visible
		opacity 1
	& > .content
		position absolute
		top 50%
		left 50%
		transform translate(-50%, -50%)
		font-size 1.2em
		color #f5f5f5
